<template>
	<view :style="themeColor">
		<view class="page">
			<view
				class="flex flex-wrap align-center justify-between benben-position-layout flex directOrder_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }"
			>
				<view class='flex flex-wrap align-center justify-between flex-sub directOrder_fd0_0'>
					<view
						class='flex flex-wrap align-center directOrder_fd0_0_c0'
						@tap.stop="handleJumpDiy"
						data-type="back"
						data-url="1"
					>
						<text class='fu-iconfont2  directOrder_fd0_0_c0_c0'>&#xe794;</text>
					</view>
					<text
						class='directOrder_fd0_0_c1'
						style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
					>确认订单</text>
					<view class='flex flex-wrap align-center directOrder_fd0_0_c0'>
					</view>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---无地址flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout directOrder_flex_1">
				<view
					class='flex flex-wrap align-center justify-center flex-sub directOrder_fd1_0'
					@tap="handleJumpDiy"
					data-type="navigateTo"
					:data-url="`/pages/yhq/address/address?is_change=1`"
					v-if=" dataEssayMessage.has_address==0"
				>
					<image
						class='directOrder_fd1_0_c0'
						mode="aspectFit"
						:src='STATIC_URL+"139.png"'
					></image>
					<text class='directOrder_fd1_0_c1'>添加收货地址</text>
				</view>
			</view>

			<!---无地址flex布局结束-->
			<benben-popup
				v-model="popupShow1679630010186"
				:mask="true"
				:mask-close-able="true"
				mode='bottom'
			>
				<!---flex布局flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
					<view class='flex flex-direction align-stretch directOrder_fd2_0'>
						<view class='flex flex-wrap align-center justify-between directOrder_fd2_0_c0'>
							<view class='flex flex-wrap align-center directOrder_fd2_0_c0_c0'>
							</view>
							<view class='flex flex-wrap align-center'>
								<image
									class='directOrder_fd2_0_c0_c1_c0'
									mode="aspectFit"
									:src='STATIC_URL+"127.png"'
								></image>
								<text class='directOrder_fd2_0_c0_c1_c1'>优惠</text>
								<image
									class='directOrder_fd2_0_c0_c1_c0'
									mode="aspectFit"
									:src='STATIC_URL+"128.png"'
								></image>
							</view>
							<image
								class='directOrder_fd2_0_c0_c2'
								mode="aspectFit"
								:src='STATIC_URL+"117.png"'
								@tap.stop="popupShow1679630010186=false"
							></image>
						</view>

						<scroll-view
							class='directOrder_fd2_0_c1'
							:scroll-y='true'
						>
							<view class='flex flex-direction align-center benben-scroll flex'>
								<template v-for='(item,key0) in couponList'>
									<view
										class='flex flex-direction align-stretch directOrder_fd2_0_c1_c0'
										@tap="useCouponFunc(item.aid)"
										:key='key0'
									>
										<view
											class='flex align-stretch directOrder_fd2_0_c1_c0_c0'
											v-if="item.is_receive!='1'"
										>
											<view class='flex flex-direction align-center justify-center directOrder_fd2_0_c1_c0_c0_c0'>
												<view class='flex align-center'>
													<text class='directOrder_fd2_0_c1_c0_c0_c0_c0_c0'>￥</text>
													<text class='directOrder_fd2_0_c1_c0_c0_c0_c0_c1'>{{item.money}}</text>
												</view>
												<view class='flex align-center directOrder_fd2_0_c1_c0_c0_c0_c1'>
													<text>满</text>
													<text>{{item.min_order_money}}</text>
													<text>可减</text>
												</view>
											</view>
											<view class='flex flex-direction align-stretch flex-sub directOrder_fd2_0_c1_c0_c0_c1'>
												<text class='directOrder_fd2_0_c1_c0_c0_c1_c0'>{{item.name}}</text>
												<text class='directOrder_fd2_0_c1_c0_c0_c1_c1'>{{item.content}}</text>
												<view class='flex align-center directOrder_fd2_0_c1_c0_c0_c1_c2'>
													<text>有效期至：</text>
													<text>{{item.end_time}}</text>
												</view>
											</view>
											<view
												class='flex flex-wrap align-center directOrder_fd2_0_c1_c0_c0_c2'
												@tap="useCouponFunc(item.aid)"
											>
												<text class='directOrder_fd2_0_c1_c0_c0_c2_c0'>立
													即
													使
													用</text>
											</view>
										</view>
									</view>
								</template>

								<benben-empty :list-data="couponList">
									<view class='flex flex-direction flex-wrap align-center directOrder_fd2_0_c1_c1'>
										<image
											class='directOrder_fd2_0_c1_c1_c0'
											mode="widthFix"
											:src='STATIC_URL+"178.png"'
										></image>

									</view>
								</benben-empty>
							</view>
						</scroll-view>

					</view>
				</view>

				<!---flex布局flex布局结束-->

			</benben-popup>
			<!---购物车结算flex布局开始-->
			<view
				class="flex flex-direction flex-wrap align-stretch benben-flex-layout directOrder_flex_3"
				v-if=" dataEssayMessage.has_address!=0"
				@tap.stop="handleJumpDiy"
				data-type="navigateTo"
				:data-url="`/pages/yhq/address/address?is_change=1`"
			>
				<view class='flex flex-direction flex-wrap align-stretch flex-sub directOrder_fd3_0'>
					<view class='flex flex-wrap align-center directOrder_fd3_0_c0'>
						<image
							class='directOrder_fd3_0_c0_c0'
							mode="aspectFit"
							:src='STATIC_URL+"139.png"'
						></image>
						<view class='flex flex-direction flex-wrap align-stretch flex-sub directOrder_fd3_0_c0_c1'>
							<view class='flex align-center directOrder_fd3_0_c0_c1_c0'>
								<text class='directOrder_fd3_0_c0_c1_c0_c0'>{{dataEssayMessage.address.label_name}}</text>
								<text class='directOrder_fd3_0_c0_c1_c0_c1'>{{dataEssayMessage.address.real_name}}</text>
								<text class='directOrder_fd3_0_c0_c1_c0_c2'>(</text>
								<text
									class='directOrder_fd3_0_c0_c1_c0_c2'
									v-if="dataEssayMessage.address.sex=='1'"
								>先生</text><text
									class='directOrder_fd3_0_c0_c1_c0_c2'
									v-if="dataEssayMessage.address.sex!='1'"
								>女士</text>
								<text class='directOrder_fd3_0_c0_c1_c0_c2'>)</text>
								<text class='flex-sub directOrder_fd3_0_c0_c1_c0_c5'>{{dataEssayMessage.address.mobile}}</text>
							</view>
							<view class='flex align-center'>
								<view class='flex flex-wrap align-center flex-sub'>
									<view>
										<text class='flex-sub directOrder_fd3_0_c0_c1_c1_c0_c0_c0'>{{dataEssayMessage.address.province}}</text>
										<text class='flex-sub directOrder_fd3_0_c0_c1_c1_c0_c0_c0'>{{dataEssayMessage.address.city}}</text>
										<text class='flex-sub directOrder_fd3_0_c0_c1_c1_c0_c0_c0'>{{dataEssayMessage.address.district}}</text>
										<text class='flex-sub directOrder_fd3_0_c0_c1_c1_c0_c0_c0'>{{dataEssayMessage.address.detail}}</text>
									</view>
								</view>
							</view>
						</view>
						<image
							class='self-center directOrder_fd3_0_c0_c2'
							mode="aspectFit"
							:src='STATIC_URL+"121.png"'
						></image>
					</view>
					<view class='flex flex-wrap align-center flex-sub'>
						<view class='flex flex-wrap align-center flex-sub directOrder_fd3_0_c1_c0'>
						</view>
					</view>
				</view>
			</view>

			<!---购物车结算flex布局结束-->
			<!---结算信息flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout directOrder_flex_4">
				<template v-for='(item,key0) in dataEssayMessage.list'>
					<view
						class='flex flex-direction flex-wrap align-stretch directOrder_fd4_0'
						:key='key0'
					>
						<template v-for='(child,key1) in item.goods'>
							<view
								class='flex flex-wrap align-stretch directOrder_fd4_0_c0'
								:key='key1'
							>
								<image
									class='directOrder_fd4_0_c0_c0'
									mode="aspectFill"
									:src='child.thumb'
								></image>
								<view class='flex flex-direction flex-wrap align-stretch flex-sub'>
									<text class='directOrder_fd4_0_c0_c1_c0'>{{child.name}}</text>
									<text class='directOrder_fd4_0_c0_c1_c1'>{{child.key_name}}</text>
									<view class='flex flex-wrap align-center'>
										<text class='directOrder_fd4_0_c0_c1_c2_c0'>￥</text>
										<text class=' directOrder_fd4_0_c0_c1_c2_c1'>
											<text>{{ child.shop_price | frontPrice }}</text>
											<text class=' directOrder_price2_fd4_0_c0_c1_c2_c1'>{{ child.shop_price | laterPrice }}</text>
										</text>
										<text class='directOrder_fd4_0_c0_c1_c2_c2'>x</text>
										<text class='directOrder_fd4_0_c0_c1_c2_c3'>{{child.number}}</text>
									</view>
								</view>
							</view>
						</template>

						<view class='flex flex-wrap align-center directOrder_fd4_0_c1'>
							<text class='directOrder_fd4_0_c1_c0'>商品总额</text>
							<text class='directOrder_fd4_0_c1_c1'>￥</text>
							<text class=' directOrder_fd4_0_c1_c2'>
								<text>{{ item.goods_money | frontPrice }}</text>
								<text>{{ item.goods_money | laterPrice }}</text>
							</text>
						</view>
						<view
							class='flex align-center directOrder_fd4_0_c0'
							@tap.stop="seleceteComponFunc()"
						>
							<text class='flex-sub directOrder_fd4_0_c1_c0'>优惠券</text>
							<view
								class='flex align-center directOrder_fd4_0_c2_c1'
								v-if=" dataEssayMessage.coupon_money!=couponNum"
							>
								<view class='flex flex-wrap align-center'>
									<image
										class='directOrder_fd4_0_c2_c1_c0_c0'
										mode="aspectFit"
										:src='STATIC_URL+"477.png"'
									></image>
								</view>
								<view class='flex flex-wrap align-center directOrder_fd4_0_c2_c1_c1'>
									<text class='directOrder_fd4_0_c2_c1_c1_c0'>优惠</text>
									<text class='directOrder_fd4_0_c2_c1_c1_c0'>{{dataEssayMessage.coupon_money}}</text>
									<text class='directOrder_fd4_0_c2_c1_c1_c0'>元</text>
								</view>
							</view>
							<input
								class='directOrder_fd4_0_c2_c2'
								type="text"
								:placeholder="`选择优惠券`"
								confirm-type="done"
								:maxlength="-1"
								:disabled='true'
								placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
								v-if=" dataEssayMessage.coupon_money<=0"
							/>
							<image
								class='directOrder_fd4_0_c2_c3'
								mode="aspectFit"
								:src='STATIC_URL+"126.png"'
							></image>
						</view>
						<view
							class='flex flex-wrap align-center directOrder_fd4_0_c0'
							@tap.stop="popupShow1679650134928=true"
						>
							<text class='directOrder_fd4_0_c1_c0'>发票</text>
							<input
								class='flex-sub directOrder_fd4_0_c2_c2'
								type="text"
								:placeholder="`不开发票`"
								confirm-type="done"
								:maxlength="-1"
								:disabled='true'
								placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
								v-model="username"
							/>
							<image
								class='directOrder_fd4_0_c2_c3'
								mode="aspectFit"
								:src='STATIC_URL+"126.png"'
							></image>
						</view>
						<view
							class='flex flex-wrap align-center directOrder_fd4_0_c0'
							@tap="getExplainFunc(item.freight_explain)"
						>
							<text class='directOrder_fd4_0_c1_c0'>运费</text>
							<text
								class='directOrder_fd4_0_c4_c1'
								v-if=" item.express_price>0"
							>￥</text>
							<text
								class='directOrder_fd4_0_c4_c2'
								v-if=" item.express_price<=0"
							>包邮</text><text
								class='directOrder_fd4_0_c4_c2_1'
								v-if=" item.express_price>0"
							>{{item.express_price}}</text>
							<image
								class='directOrder_fd4_0_c2_c3'
								mode="aspectFit"
								:src='STATIC_URL+"126.png"'
							></image>
						</view>
						<view class='flex flex-wrap align-center directOrder_fd4_0_c0'>
							<text class='directOrder_fd4_0_c1_c0'>留言</text>
							<input
								class='flex-sub directOrder_fd4_0_c5_c1'
								type="text"
								:placeholder="`建议留言前先与商家沟通确认`"
								confirm-type="done"
								:maxlength="45"
								placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx"
								v-model="liuyan"
							/>
						</view>
						<view
							class='flex flex-wrap align-center directOrder_fd4_0_c0'
							v-if=" dataEssayMessage.all_discount_money>zerNum"
						>
							<text class='directOrder_fd4_0_c6_c0'>会员折扣</text>
							<text class='directOrder_fd4_0_c6_c1'>-￥</text>
							<text class='directOrder_fd4_0_c6_c1'>{{dataEssayMessage.all_discount_money}}</text>
						</view>
						<view class='flex flex-wrap align-center justify-end directOrder_fd4_0_c0'>
							<text class='directOrder_fd4_0_c7_c0'>共</text>
							<text class='directOrder_fd4_0_c7_c0'>{{item.goods_num}}</text>
							<text class='directOrder_fd4_0_c7_c0'>件 合计:</text>
							<text class='directOrder_fd4_0_c7_c3'>￥</text>
							<text class=' directOrder_fd4_0_c7_c4'>
								<text>{{ dataEssayMessage.payable_money | frontPrice }}</text>
								<text class=' directOrder_price2_fd4_0_c0_c1_c2_c1'>{{ dataEssayMessage.payable_money | laterPrice }}</text>
							</text>
						</view>
					</view>
				</template>

			</view>

			<!---结算信息flex布局结束-->
			<benben-popup
				v-model="popupShow1663558318653"
				:mask="true"
				:mask-close-able="true"
				mode='bottom'
			>
				<!---运费弹窗flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout directOrder_flex_5">
					<view class='flex flex-wrap align-center directOrder_fd5_0'>
						<view class='flex flex-wrap align-center directOrder_fd5_0_c0'>
						</view>
						<image
							class='directOrder_fd5_0_c1'
							mode="aspectFit"
							:src='STATIC_URL+"127.png"'
						></image>
						<text class='directOrder_fd5_0_c2'>运费说明</text>
						<image
							class='directOrder_fd5_0_c3'
							mode="aspectFit"
							:src='STATIC_URL+"128.png"'
						></image>
						<image
							class='directOrder_fd5_0_c0'
							mode="aspectFit"
							:src='STATIC_URL+"129.png"'
							@tap.stop="popupShow1663558318653=false"
						></image>
					</view>

					<scroll-view
						class='directOrder_fd5_1'
						:scroll-y='true'
					>
						<view class='flex flex-direction align-stretch benben-scroll flex'>
							<text class='directOrder_fd5_1_c0'>{{freight_explain}}</text>
						</view>
					</scroll-view>

				</view>

				<!---运费弹窗flex布局结束-->

			</benben-popup>
			<view class="flex benben-position-layout flex flex-wrap align-center directOrder_flex_6">
				<text class='directOrder_fd6_0'>总计：</text>
				<text class='directOrder_fd6_1'>￥</text>
				<text class=' directOrder_fd6_2'>
					<text>{{ dataEssayMessage.payable_money | frontPrice }}</text>
					<text class=' directOrder_price2_fd6_2'>{{ dataEssayMessage.payable_money | laterPrice }}</text>
				</text>
				<button
					class='directOrder_fd6_3'
					@tap.stop="submitorderFunc()"
				>提交订单</button>

			</view>
			<view :style="{height: '90rpx'}"></view>
			<benben-popup
				v-model="popupShow1685773487026"
				:mask="true"
				:mask-close-able="false"
				mode='center'
			>
				<!---flex布局flex布局开始-->
				<view class="flex flex-direction align-stretch benben-flex-layout directOrder_flex_7">

					<scroll-view
						class='directOrder_fd7_0'
						:scroll-x='true'
						:scroll-y='true'
						:show-scrollbar='true'
					>
						<view class='flex flex-direction align-stretch benben-scroll flex'>
							<template v-for='(item,key0) in list_failName'>
								<view
									class='flex align-center justify-center directOrder_fd7_0_c0'
									:key='key0'
								>
									<image
										class='directOrder_fd7_0_c0_c0'
										mode="aspectFit"
										:src='item.thumb'
									></image>
									<view class='flex flex-wrap align-center flex-sub'>
										<view>
											<text>{{item.name}}</text>
											<text>{{item.reason}}</text>
										</view>
									</view>
								</view>
							</template>

						</view>
					</scroll-view>

					<view class='flex align-center justify-center directOrder_fd7_1'>
						<button
							class='directOrder_fd7_1_c0'
							@tap.stop="backYeFunc()"
						>返回上一页</button>
						<button
							class='directOrder_fd7_1_c1'
							@tap.stop="goAddListFunc()"
						>切换收货地址</button>
					</view>
				</view>

				<!---flex布局flex布局结束-->

			</benben-popup>
			<benben-popup
				v-model="popupShow1679650134928"
				:mask="true"
				:mask-close-able="true"
				mode='bottom'
			>
				<!---flex布局flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout directOrder_flex_8">
					<view class='flex flex-wrap align-center justify-center directOrder_fd8_0'>
						<image
							class='directOrder_fd8_0_c0'
							mode="aspectFit"
							:src='STATIC_URL+"127.png"'
						></image>
						<text class='directOrder_fd8_0_c1'>抬头选择</text>
						<image
							class='directOrder_fd8_0_c0'
							mode="aspectFit"
							:src='STATIC_URL+"128.png"'
						></image>
						<image
							class='directOrder_fd8_0_c3'
							mode="aspectFit"
							:src='STATIC_URL+"131.png"'
							@tap.stop="popupShow1679650134928=false"
						></image>
					</view>
					<benben-select-diy
						ref="showSelectPopup1687692613261"
						class-name='flex flex-direction align-stretch flex'
						:items.sync="invoiceData"
						v-model="invoiceId"
						@change="chooseInvoiceFunc()"
						default-type="aid"
						default-label="username"
						:allow-cancel='false'
						type="radio"
						:disabled='false'
					>
						<template v-for='(item,key0) in invoiceData'>
							<view
								v-if="item.isSelected"
								class='flex align-center flex directOrder_fd8_1_c0'
								:key="key0"
								@tap="$refs.showSelectPopup1687692613261.tapHandle(key0)"
							>
								<image
									class='directOrder_fd8_1_c0_c0'
									mode="aspectFit"
									:src='STATIC_URL+"3.png"'
								></image>
								<view class='flex flex-direction flex-wrap align-stretch flex-sub directOrder_fd8_1_c0_c1'>
									<view class='flex flex-wrap align-center'>
										<text class='directOrder_fd8_1_c0_c1_c0_c0'>{{item.user_nickname}}</text>
										<image
											class='directOrder_fd8_1_c0_c1_c0_c1'
											mode="aspectFit"
											:src='STATIC_URL+"133.png"'
											v-if="item.is_default=='1'"
										></image>
										<view class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c0_c2'>
											<text class='directOrder_fd8_1_c0_c1_c0_c2_c0'>{{item.type_name}}</text>
										</view>
									</view>
									<view class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c1'>
										<view class='flex flex-direction flex-wrap align-stretch flex-sub'>
											<view class='flex flex-wrap align-center'>
												<text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c0'>联系邮箱</text>
												<text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c1'>{{item.email}}</text>
											</view>
											<view class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c1_c0_c1'>
												<text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c0'>联系电话</text>
												<text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c1'>{{item.mobile}}</text>
											</view>
										</view>
										<view
											class='flex flex-wrap align-center'
											@tap.stop="handleJumpDiy"
											data-type="navigateTo"
											:data-url="`/?id=${item.aid}`"
										>
											<image
												class='directOrder_fd8_1_c0_c1_c1_c1_c0'
												mode="aspectFit"
												:src='STATIC_URL+"134.png"'
											></image>
											<text class='directOrder_fd8_1_c0_c1_c1_c1_c1'>编辑</text>
										</view>
									</view>
								</view>
							</view>
							<view
								v-else
								class='flex align-center flex directOrder_fd8_1_c0'
								:key="key0"
								@tap="$refs.showSelectPopup1687692613261.tapHandle(key0)"
							>
								<image
									class='directOrder_fd8_1_c0_c0'
									mode="aspectFit"
									:src='STATIC_URL+"135.png"'
								></image>
								<view class='flex flex-direction flex-wrap align-stretch flex-sub directOrder_fd8_1_c0_c1'>
									<view class='flex flex-wrap align-center'>
										<text class='directOrder_fd8_1_c0_c1_c0_c0'>{{item.user_nickname}}</text>
										<image
											class='directOrder_fd8_1_c0_c1_c0_c1'
											mode="aspectFit"
											:src='STATIC_URL+"133.png"'
											v-if="item.is_default=='1'"
										></image>
										<view class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c0_c2'>
											<text class='directOrder_fd8_1_c0_c1_c0_c2_c0'>{{item.type_name}}</text>
										</view>
									</view>
									<view class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c1'>
										<view class='flex flex-direction flex-wrap align-stretch flex-sub'>
											<view class='flex flex-wrap align-center'>
												<text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c0'>联系邮箱</text>
												<text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c1'>{{item.email}}</text>
											</view>
											<view class='flex flex-wrap align-center directOrder_fd8_1_c0_c1_c1_c0_c1'>
												<text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c0'>联系电话</text>
												<text class='directOrder_fd8_1_c0_c1_c1_c0_c0_c1'>{{item.mobile}}</text>
											</view>
										</view>
										<view
											class='flex flex-wrap align-center'
											@tap.stop="handleJumpDiy"
											data-type="navigateTo"
											:data-url="`/?id=${item.aid}`"
										>
											<image
												class='directOrder_fd8_1_c0_c1_c1_c1_c0'
												mode="aspectFit"
												:src='STATIC_URL+"134.png"'
											></image>
											<text class='directOrder_fd8_1_c0_c1_c1_c1_c1'>编辑</text>
										</view>
									</view>
								</view>
							</view>
						</template></benben-select-diy>
					<button
						class='directOrder_fd8_2'
						@tap.stop="handleJumpDiy"
						data-type="navigateTo"
						:data-url="`/`"
					>添加新的抬头</button>
					<button
						class='directOrder_fd8_3'
						@tap.stop="NotInvoicingFunc()"
					>不开发票</button>
				</view>

				<!---flex布局flex布局结束-->

			</benben-popup>


		</view>
	</view>
</template>
<script>
	import { validate } from '@/common/utils/validate.js'
	export default {
		components: {},


		data() {
			return { "popupShow1679650134928": false, "popupShow1685773487026": false, "popupShow1663558318653": false, "popupShow1679630010186": false, "coupon_id": "", "couponType": [], "dataHead": [], "dataDetails": { "id": "", "cid": "", "adslogan": "", "name": "", "sales_sum": "", "spectypeid": "", "click": "", "is_recommend": "", "is_new": "", "is_hot": "", "shop_price": "", "member_price": "", "market_price": "", "images": [], "thumb": "", "body": "", "description": "", "stock": "", "is_spec": "", "is_shipping": "", "freight_price": "", "support_self_mention": "", "freight_template_id": "", "partner_id": "", "video": "", "video_img": "", "share_award_money": "", "discounts": "", "spec_list": [], "sku_list": { "sku_id": "", "key": "", "key_name": "", "member_price": "", "shop_price": "", "market_price": "", "stock": "" }, "coupon_list": [], "activity_info": { "activity_type": "" }, "user_level": "", "is_collect": "", "comment_total": "", "praise_rate": "", "freight_explain": "", "freight_name": "", "sale_top_name": "", "question_total": "", "question_list": [], "goods_type": "", "chat_price": "", "shop_info": { "store_id": "", "store_name": "", "store_logo": "", "level_name": "", "store_star": "", "store_collection_num": "" }, "warm_prompt": "", "comment": [] }, "dataEssayMessage": { "order_type": "", "list": [], "shop_coupon": "", "coupon": "", "coupon_money": "", "address": { "aid": "", "member_id": "", "uid": "", "create_time": "", "update_time": "", "sort": "", "is_del": "", "status": "", "create_id": "", "row_lock": "", "user_id": "", "real_name": "", "mobile": "", "detail": "", "province": "", "province_id": "", "city": "", "city_id": "", "district": "", "district_id": "", "sex": "", "label_name": "", "is_default": "", "lng": "", "lat": "", "address_code": "", "address_code_province": "", "address_code_city": "", "address_code_district": "" }, "payable_money": "", "order_money": "", "coupon_usable_num": "", "express_price": "", "all_discount_money": "", "discount_str": "", "has_address": "", "coupon_search": [] }, "status_msg": "", "invoiceId": "", "username": "不开发票", "invoiceData": [], "shop_coupon_list": "", "address_id": "", "showType": "1", "couponList": [], "sifou": false, "couponMessage": { "goodid": "", "classification": "", "money": "" }, "couponNum": 0, "backMsg": "", "liuyan": "", "freight_explain": "", "list_failName": [
				{ "name": "", "thumb": "", "reason": "" }], "zerNum": 0, "coupon_text": "", "goods_id": "346", "sku_id": "", "num": "2", "money": "", "shop_coupon_id": "", "number": "2", "activity_id": "", "invoice_id": "", "cartid": "", "id": "346" };
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},
			isLogin() {
				return this.$store.state.token == '' ? false : true;
			}
		},
		watch: {},
		onLoad(options) {
			let { goods_id, sku_id, num, money, address_id, shop_coupon_id, number, activity_id, invoice_id, cartid, id } = options
			if (goods_id !== undefined) this.goods_id = goods_id
			if (sku_id !== undefined) this.sku_id = sku_id
			if (num !== undefined) this.num = num
			if (money !== undefined) this.money = money
			if (address_id !== undefined) this.address_id = address_id
			if (shop_coupon_id !== undefined) this.shop_coupon_id = shop_coupon_id
			if (number !== undefined) this.number = number
			if (activity_id !== undefined) this.activity_id = activity_id
			if (invoice_id !== undefined) this.invoice_id = invoice_id
			if (cartid !== undefined) this.cartid = cartid
			if (id !== undefined) this.id = id
			this.diyPageListen()
		},
		onUnload() {
			this.diyOffPageListen()
		},
		onReady() {

		},
		onShow() {
			this.panduanFunc()
			this.getInvoiceListFunc()
		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			//返回上一页
			backYeFunc() {
				this.popupShow1685773487026 = false;
				this.$urouter.navigateBack(1);
			},
			//修改收货地址
			goAddListFunc() {
				this.popupShow1685773487026 = false;
				this.$urouter.navigateTo(`/pages/yhq/address/address?is_change=1`);
			},
			//获取发票数据
			async getInvoiceListFunc() {
				//请求方法
				//数据验证

				let datainvoiceData = await this.$api.get(global.apiUrls.post6418475995586, {

				});

				if (datainvoiceData.data.code != 1) {
					this.$message.info(datainvoiceData.data.msg);
					return
				}
				let infoinvoiceData = datainvoiceData.data;
				this.invoiceData = infoinvoiceData.data
			},
			//选择发票
			chooseInvoiceFunc() {
				this.popupShow1679650134928 = false;
				this.username = '已开发票';
			},
			//不开发票
			NotInvoicingFunc() {
				this.username = '不开发票';
				this.invoiceId = '';
				this.popupShow1679650134928 = false;
			},
			//预下单-直接购买确认订单信息
			async queryEssayMessageFunc() {
				//请求方法
				//数据验证

				let datadataEssayMessage = await this.$api.post(global.apiUrls.post62c6a51abaf56, {
					goods_id: this.goods_id,
					sku_id: this.sku_id,
					number: this.num,
					coupon_id: this.coupon_id,
					address_id: this.address_id,
					shop_coupon_id: this.shop_coupon_list,
					invoice_id: this.invoiceId
				});

				if (datadataEssayMessage.data.code != 1) {
					this.$message.info(datadataEssayMessage.data.msg);
					return
				}
				let infodataEssayMessage = datadataEssayMessage.data;
				this.dataEssayMessage = infodataEssayMessage.data
				if (this.dataEssayMessage.list_fail.length != 0) {
					this.list_failName = this.dataEssayMessage.list_fail
					this.popupShow1685773487026 = true
				}
				if (this.dataEssayMessage.address && this.dataEssayMessage.address.length != 0) {
					this.address_id = this.dataEssayMessage.address.aid;
				} else {
					this.dataEssayMessage.address = null
				}
				this.shop_coupon_list = {};
				this.couponMessage.goodid = this.dataEssayMessage.coupon_search.goods
				this.couponMessage.classification = this.dataEssayMessage.coupon_search.category
				this.couponMessage.money = this.dataEssayMessage.coupon_search.moeny
				setTimeout(() => {
					this.getCouponFunc()
				}, 500)
			},
			//获取购物车直接下单信息
			async getBuyCarFunc() {
				//请求方法
				//数据验证

				let datadataDetails = await this.$api.post(global.apiUrls.post62c7980999c75, {
					cart_ids: this.cartid,
					use_coupon: '0',
					coupon_id: this.coupon_id,
					address_id: this.address_id
				});

				if (datadataDetails.data.code != 1) {
					this.$message.info(datadataDetails.data.msg);
					return
				}
				let infodataDetails = datadataDetails.data;
				this.dataDetails = infodataDetails.data
				this.dataEssayMessage = this.dataDetails;
				if (this.dataEssayMessage.list_fail.length != 0) {
					this.list_failName = this.dataEssayMessage.list_fail
					this.popupShow1685773487026 = true
				}
				if (this.dataEssayMessage.address && this.dataEssayMessage.address.length != 0) {
					this.address_id = this.dataEssayMessage.address.aid;
				} else {
					this.dataEssayMessage.address = null
				}
				this.shop_coupon_list = {};
				this.couponMessage.goodid = this.dataEssayMessage.coupon_search.goods
				this.couponMessage.classification = this.dataEssayMessage.coupon_search.category
				this.couponMessage.money = this.dataEssayMessage.coupon_search.moeny

				setTimeout(() => {
					this.getCouponFunc()
				}, 500)
			},
			//判断是否购物车
			panduanFunc() {
				if (this.cartid != '') {
					this.getBuyCarFunc()
				} else {
					this.queryEssayMessageFunc()
				}
			},
			//删除购物车信息
			async delCartGoodsFunc() {
				//请求方法
				//数据验证

				let data62beb3fca0209 = await this.$api.post(global.apiUrls.post62beb3fca0209, {
					cart_ids: this.cartid
				});

				if (data62beb3fca0209.data.code != 1) {
					this.$message.info(data62beb3fca0209.data.msg);
					return
				}


			},
			//切换订单收货类型
			changeOrderTypeFunc(type) {
				if (type == this.showType) {
					return
				} else {
					this.showType = type;
				}
			},
			//获取可用优惠券
			async getCouponFunc() {
				//请求方法
				//数据验证

				let datacouponList = await this.$api.post(global.apiUrls.post5d916c0c775ff, {
					goods_ids: this.couponMessage.goodid,
					category_ids: this.couponMessage.classification,
					money: this.couponMessage.money
				});

				if (datacouponList.data.code != 1) {
					this.$message.info(datacouponList.data.msg);
					return
				}
				let infocouponList = datacouponList.data;
				this.couponList = infocouponList.data
				if (this.couponList.length <= 0) {
					this.coupon_text = '暂无可用优惠券';
				}
			},
			//使用优惠券
			useCouponFunc(id) {
				this.coupon_id = id;
				this.panduanFunc()
				this.popupShow1679630010186 = false;
			},
			//选择优惠券
			seleceteComponFunc() {
				if (this.couponList.length > 0) {
					this.popupShow1679630010186 = true;
				} else {
					this.$message.info('暂无可用优惠券');
				}
			},
			//获取运费说明
			getExplainFunc(test) {
				if (test == '') {
					this.$message.info('暂无运费说明');
				} else {
					this.freight_explain = test;
					this.popupShow1663558318653 = true;
				}
			},
			//提交订单
			submitorderFunc() {
				if (!validate(this.dataEssayMessage.address, 'require')) {
					this.$message.info('请选择地址');
					return false;
				}
				var order_info = {};
				let remark_list = {}
				let invoice_list = {}
				if (this.invoiceId) {
					invoice_list = {
						'0': {
							'invoice_id': this.invoiceId
						}
					}
				}
				if (this.liuyan) {
					remark_list = {
						"0": {
							"remark": this.liuyan
						}
					}
				}
				// 将商品信息传给后端
				let newGoods = [];
				this.dataEssayMessage.list.forEach(item => {
					newGoods = newGoods.concat(item.goods)

				})
				order_info.goods = newGoods;
				order_info.address = this.dataEssayMessage.address;


				this.$api.post(global.apiUrls.post62c8038d96dab, {
					address_id: this.address_id,
					remark_list: JSON.stringify(remark_list),
					shop_coupon_list: this.shop_coupon_list,
					invoice_list: JSON.stringify(invoice_list),
					coupon_id: this.coupon_id,
					order_info: JSON.stringify(order_info),
				}).then(res => {
					res = res.data;
					if (res.code == 1) {
						if (this.dataEssayMessage.payable_money <= 0) {
							this.$urouter.redirectTo(`/pages/sy/resultPayment/resultPayment?order_sn=${res.data.order_sn[0]}`);
							return;
						}
						this.$urouter.redirectTo(
							`/pages/sy/offerPay/offerPay?order_sn=${res.data.order_sn[0]}&order_type=3`);
						if (this.cartid) {
							this.delCartGoodsFunc();
						}
					} else {
						this.backMsg = res.msg
						this.popupShow1685773487026 = true
					}
				})
			},
			//页面监听
			diyPageListen() {
				uni.$on('isokaddid', (data) => {
					this.address_id = data;
					this.panduanFunc()
					return
				});
				uni.$on('upinvoice', (data) => {
					this.getInvoiceListFunc()
				});
			},
			//注销页面监听
			diyOffPageListen() {
				uni.$off('isokaddid');
				uni.$off('upinvoice');
			}
		}
	};
</script>
<style
	lang="scss"
	scoped
>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: #F8F8F8;
		background-size: 100% auto;
	}

	.directOrder_flex_0 {
		border-bottom: 1px solid #eee;
		background: #fff;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.directOrder_fd0_0_c1 {
		font-size: 36rpx;
		font-weight: 500;
		color: #333;
		line-height: 50rpx;
	}

	.directOrder_fd0_0_c0_c0 {
		font-size: 36rpx;
		color: #333;
	}

	.directOrder_fd0_0_c0 {
		width: 40rpx;
		height: 40rpx;
	}

	.directOrder_fd0_0 {
		height: 88rpx;
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.directOrder_flex_1 {
		margin: 20rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd1_0_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
		max-width: 200rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.directOrder_fd1_0_c0 {
		width: 60rpx;
		height: 60rpx;
	}

	.directOrder_fd1_0 {
		background: var(--benbenbgColor1);
		background-size: 100% auto !important;
		padding: 32rpx 0rpx 32rpx 0rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 24rpx 24rpx 24rpx;
	}

	.directOrder_fd2_0_c1_c1_c0 {
		width: 400rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd2_0_c1_c1 {
		width: 686rpx;
		padding: 50rpx 0rpx 50rpx 0rpx;
	}

	.directOrder_fd2_0_c1_c0_c0_c2_c0 {
		color: #FFFFFF;
		font-size: 24rpx;
		font-weight: 500;
		line-height: 33rpx;
	}

	.directOrder_fd2_0_c1_c0_c0_c2 {
		margin: 0rpx 014rpx 0rpx 14rpx;
	}

	.directOrder_fd2_0_c1_c0_c0_c1_c2 {
		color: #666666;
		font-size: 22rpx;
		line-height: 30rpx;
		font-weight: 400;
	}

	.directOrder_fd2_0_c1_c0_c0_c1_c1 {
		margin: 8rpx 0rpx auto 0rpx;
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.directOrder_fd2_0_c1_c0_c0_c1_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 600;
		line-height: 45rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.directOrder_fd2_0_c1_c0_c0_c1 {
		margin: 24rpx 14rpx 24rpx 32rpx;
	}

	.directOrder_fd2_0_c1_c0_c0_c0_c1 {
		color: #FFFFFF;
		font-size: 24rpx;
		line-height: 33rpx;
		font-weight: 700;
	}

	.directOrder_fd2_0_c1_c0_c0_c0_c0_c1 {
		font-size: 64rpx;
		font-weight: 700;
		color: var(--benbenFontColor3);
	}

	.directOrder_fd2_0_c1_c0_c0_c0_c0_c0 {
		font-size: 28rpx;
		font-weight: 700;
		color: var(--benbenFontColor3);
		margin: 15rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd2_0_c1_c0_c0_c0 {
		width: 192rpx;
		height: 188rpx;
	}

	.directOrder_fd2_0_c1_c0_c0 {
		background: url(https://www.guochaoxiaoju.com/uploads/mini/41.png) no-repeat;
		background-size: 100% auto !important;
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd2_0_c1_c0 {
		width: 686rpx;
	}

	.directOrder_fd2_0_c1 {
		touch-action: none;
		height: 50vh;
		width: 686rpx;
	}

	.directOrder_fd2_0_c0_c2 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd2_0_c0_c1_c1 {
		color: #333333;
		font-size: 40rpx;
		font-weight: 500;
		line-height: 56rpx;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.directOrder_fd2_0_c0_c1_c0 {
		width: 32rpx;
		height: 10rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd2_0_c0_c0 {
		width: 40rpx;
		height: 40rpx;
	}

	.directOrder_fd2_0_c0 {
		margin: 0rpx 0rpx 8rpx 0rpx;
	}

	.directOrder_fd2_0 {
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 0rpx 0rpx;
		padding: 40rpx 32rpx 40rpx 32rpx;
		width: 750rpx;
	}

	.directOrder_flex_3 {
		margin: 0rpx 0rpx 24rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.directOrder_fd3_0_c1_c0 {
		background: url(https://www.guochaoxiaoju.com/uploads/mini/122.png) no-repeat, transparent;
		height: 6rpx;
		background-size: 100% auto !important;
	}

	.directOrder_fd3_0_c0_c2 {
		width: 12rpx;
		height: 22rpx;
		margin: 8rpx 0rpx 0rpx 32rpx;
	}

	.directOrder_fd3_0_c0_c1_c1_c0_c0_c0 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
	}

	.directOrder_fd3_0_c0_c1_c0_c5 {
		line-height: 40rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
		margin: 0rpx 0rpx 0rpx 32rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.directOrder_fd3_0_c0_c1_c0_c2 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
	}

	.directOrder_fd3_0_c0_c1_c0_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
		margin: 0rpx 0rpx 0rpx 16rpx;
		max-width: 200rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.directOrder_fd3_0_c0_c1_c0_c0 {
		border: 1px solid var(--benbenbdColor8);
		background: var(--benbenbgColor5);
		padding: 0rpx 10rpx 0rpx 10rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: var(--benbenFontColor4);
		background-size: 100% auto !important;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
	}

	.directOrder_fd3_0_c0_c1_c0 {
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.directOrder_fd3_0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 32rpx;
	}

	.directOrder_fd3_0_c0_c0 {
		width: 60rpx;
		height: 60rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd3_0_c0 {
		margin: 0rpx 32rpx 32rpx 24rpx;
	}

	.directOrder_fd3_0 {
		background: var(--benbenbgColor1);
		background-size: 100% auto !important;
		padding: 32rpx 0rpx 0rpx 0rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.directOrder_flex_4 {
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.directOrder_fd4_0_c7_c4 {
		color: rgba(250, 32, 51, 1);
		font-weight: 500;
		line-height: 32rpx;
		font-size: 32rpx;
	}

	.directOrder_fd4_0_c7_c3 {
		line-height: 32rpx;
		font-size: 22rpx;
		font-weight: 500;
		color: rgba(250, 32, 51, 1);
	}

	.directOrder_fd4_0_c7_c0 {
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 500;
		color: #666666;
	}

	.directOrder_fd4_0_c6_c1 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd4_0_c6_c0 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 0rpx auto 0rpx 0rpx;
	}

	.directOrder_fd4_0_c5_c1 {
		margin: 0rpx 0rpx 0rpx 32rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #333;
	}

	.directOrder_fd4_0_c4_c2_1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;
	}

	.directOrder_fd4_0_c4_c2 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.directOrder_fd4_0_c4_c1 {
		margin: 0rpx 0rpx 0rpx auto;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
		color: #333;
	}

	.directOrder_fd4_0_c2_c3 {
		width: 12rpx;
		height: 22rpx;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.directOrder_fd4_0_c2_c2 {
		margin: 0rpx 0rpx 0rpx 32rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #333;
		text-align: right;
	}

	.directOrder_fd4_0_c2_c1_c1_c0 {
		color: #FA2033;
		font-size: 22rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.directOrder_fd4_0_c2_c1_c1 {
		background: #FFDEDE;
		padding: 0rpx 10rpx 0rpx 7rpx;
		height: 38rpx;
		border-radius: 8rpx;
		background-size: 100% auto;
	}

	.directOrder_fd4_0_c2_c1_c0_c0 {
		width: 40rpx;
		height: 38rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd4_0_c2_c1 {
		background: #FFDEDE;
		height: 38rpx;
		background-size: 100% auto;
		border-radius: 8rpx;
	}

	.directOrder_fd4_0_c1_c2 {
		color: #333333;
		font-weight: 400;
		line-height: 40rpx;
		font-size: 28rpx;
	}

	.directOrder_fd4_0_c1_c1 {
		margin: 0rpx 0rpx 0rpx auto;
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;
	}

	.directOrder_fd4_0_c1_c0 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
	}

	.directOrder_fd4_0_c1 {
		border-top: 1px solid #eee;
		margin: 0rpx 0rpx 32rpx 0rpx;
		padding: 32rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd4_0_c0_c1_c2_c3 {
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
	}

	.directOrder_fd4_0_c0_c1_c2_c2 {
		margin: 0rpx 0rpx 0rpx auto;
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
	}

	.directOrder_price2_fd4_0_c0_c1_c2_c1 {
		font-size: 22rpx;
	}

	.directOrder_fd4_0_c0_c1_c2_c1 {
		color: var(--benbenFontColor0);
		font-weight: 700;
		line-height: 40rpx;
		font-size: 32rpx;
	}

	.directOrder_fd4_0_c0_c1_c2_c0 {
		line-height: 40rpx;
		font-size: 20rpx;
		font-weight: 700;
		color: var(--benbenFontColor0);
	}

	.directOrder_fd4_0_c0_c1_c1 {
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
		margin: 8rpx 0rpx auto 0rpx;
	}

	.directOrder_fd4_0_c0_c1_c0 {
		line-height: 42rpx;
		font-size: 28rpx;
		font-weight: 600;
		color: #333333;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		height: 84rpx;
	}

	.directOrder_fd4_0_c0_c0 {
		width: 200rpx;
		height: 200rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.directOrder_fd4_0_c0 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.directOrder_fd4_0 {
		background: #fff;
		padding: 32rpx 24rpx 0rpx 24rpx;
		margin: 0rpx 0rpx 20rpx 0rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.directOrder_flex_5 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
	}

	.directOrder_fd5_1_c0 {
		line-height: 42rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
	}

	.directOrder_fd5_1 {
		touch-action: none;
		width: 686rpx;
		height: 500rpx;
		margin: 0rpx auto 40rpx auto;
	}

	.directOrder_fd5_0_c3 {
		width: 32rpx;
		height: 10rpx;
		margin: 0rpx auto 0rpx 0rpx;
	}

	.directOrder_fd5_0_c2 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 700;
		color: #333333;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 0rpx 16rpx 0rpx 16rpx;
	}

	.directOrder_fd5_0_c1 {
		width: 32rpx;
		height: 10rpx;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.directOrder_fd5_0_c0 {
		width: 40rpx;
		height: 40rpx;
	}

	.directOrder_fd5_0 {
		margin: 40rpx 32rpx 32rpx 32rpx;
	}

	.directOrder_flex_6 {
		background: #fff;
		width: 750rpx;
		height: 90rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
		background-size: 100% auto !important;
	}

	.directOrder_fd6_3 {
		background: var(--benbenbgColor7);
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		font-size: 32rpx;
		color: #fff;
		margin: 0rpx 0rpx 0rpx auto;
		width: 280rpx;
		height: 90rpx;
		line-height: 90rpx;
	}

	.directOrder_price2_fd6_2 {
		font-size: 22rpx;
	}

	.directOrder_fd6_2 {
		color: var(--benbenFontColor7);
		font-weight: 700;
		line-height: 32rpx;
		font-size: 32rpx;
	}

	.directOrder_fd6_1 {
		line-height: 30rpx;
		font-size: 20rpx;
		font-weight: 700;
		color: var(--benbenFontColor7);
		margin: 4rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd6_0 {
		color: #1A1A1A;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
		margin: 0rpx 4rpx 0rpx 32rpx;
	}

	.directOrder_flex_7 {
		background: var(--benbenbgColor1);
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 540rpx;
		padding: 80rpx 24rpx 80rpx 24rpx;
	}

	.directOrder_fd7_1_c1 {
		background: var(--benbenbgColor7);
		font-size: 24rpx;
		color: var(--benbenFontColor3);
		height: 64rpx;
		padding: 0rpx 20rpx 0rpx 20rpx;
		border-radius: 100rpx;
		line-height: 64rpx;
		margin: 0rpx 0rpx 0rpx 20rpx;
	}

	.directOrder_fd7_1_c0 {
		border: 1px solid var(--benbenbdColor0);
		background: #EEF5F1;
		font-size: 24rpx;
		color: var(--benbenFontColor5);
		height: 64rpx;
		padding: 0rpx 20rpx 0rpx 20rpx;
		border-radius: 100rpx;
		line-height: 64rpx;
		margin: 0rpx 20rpx 0rpx 0rpx;
	}

	.directOrder_fd7_1 {
		margin: 40rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd7_0_c0_c0 {
		width: 120rpx;
		height: 120rpx;
		border-radius: 16rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.directOrder_fd7_0_c0 {
		margin: 0rpx 32rpx 24rpx 32rpx;
	}

	.directOrder_fd7_0 {
		touch-action: none;
		width: 492rpx;
		max-height: 400rpx;
	}

	.directOrder_flex_8 {
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		padding: 41rpx 24rpx 40rpx 24rpx;
	}

	.directOrder_fd8_3 {
		background: var(--benbenbgColor5);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 32rpx;
		color: rgba(102, 102, 102, 1);
		width: 686rpx;
		height: 80rpx;
		line-height: 80rpx;
		margin: 0rpx 8rpx 0rpx 8rpx;
	}

	.directOrder_fd8_2 {
		background: var(--benbenbgColor7);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 32rpx;
		color: var(--benbenFontColor3);
		width: 686rpx;
		height: 80rpx;
		line-height: 80rpx;
		margin: 56rpx 8rpx 24rpx 8rpx;
	}

	.directOrder_fd8_1_c0_c1_c1_c1_c1 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
		margin: 0rpx 0rpx 0rpx 12rpx;
	}

	.directOrder_fd8_1_c0_c1_c1_c1_c0 {
		width: 30rpx;
		height: 30rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd8_1_c0_c1_c1_c0_c1 {
		margin: 8rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd8_1_c0_c1_c1_c0_c0_c1 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
		margin: 0rpx 0rpx 0rpx 10rpx;
	}

	.directOrder_fd8_1_c0_c1_c1_c0_c0_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.directOrder_fd8_1_c0_c1_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd8_1_c0_c1_c0_c2_c0 {
		color: var(--benbenFontColor5);
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.directOrder_fd8_1_c0_c1_c0_c2 {
		background: var(--benbenbgColor8);
		margin: 0rpx 0rpx 0rpx auto;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		padding: 0rpx 8rpx 0rpx 8rpx;
	}

	.directOrder_fd8_1_c0_c1_c0_c1 {
		width: 64rpx;
		height: 33rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.directOrder_fd8_1_c0_c1_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.directOrder_fd8_1_c0_c1 {
		margin: 0rpx 0rpx 0rpx 32rpx;
	}

	.directOrder_fd8_1_c0_c0 {
		width: 32rpx;
		height: 32rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd8_1_c0 {
		background: #F8F8F8;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 32rpx 32rpx 32rpx 32rpx;
		margin: 32rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd8_0_c3 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		position: absolute;
		top: -16rpx;
		right: 0rpx;
	}

	.directOrder_fd8_0_c1 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 500;
		line-height: 50rpx;
		margin: 0rpx 24rpx 0rpx 24rpx;
	}

	.directOrder_fd8_0_c0 {
		width: 32rpx;
		height: 10rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.directOrder_fd8_0 {
		position: relative;
	}
</style>